<template>
  <div class="box-list-container">
    <el-tabs v-model="activeName" type="border-card" @tab-click="handleClick">
      <el-tab-pane label="按老人" name="old" />
      <el-tab-pane label="按点位" name="dot" />
    </el-tabs>
    <selectOld v-if="activeName === 'old'" />
    <selectDot v-if="activeName === 'dot'" />
  </div>
</template>

<script>
// tab的组件去掉 class="box-list-container"
import selectOld from './components/selectOld.vue'
import selectDot from './components/selectDot.vue'

export default {
  components: {
    selectOld,
    selectDot
  },
  mixins: [],
  props: {},
  data() {
    return {
      activeName: 'old'
    }
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {
    handleClick() {
      1
    }
  }
}
</script>

<style lang="scss" scoped>
.box-list-container{
  ::v-deep .el-tabs--border-card {
    border: none !important;
    box-shadow: none !important;
  }
  ::v-deep .el-tabs__item {
    font-size: 16px !important;
    width: 130px;
    text-align: center;
  }
}
</style>
